<!DOCTYPE HTML>
<html>
    <head>
        <title>Assignment 3</title>
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	    <link rel='shortcut icon' href='/~n00659426/favicon.ico' />
        <link rel="stylesheet" type="text/css" href="../style.css" />
        <link rel="stylesheet" type="text/css" href="../css/grid.css">
        <style type="text/css">
            @media only screen and (max-width: 767px) {
                #a3 {
                    text-align: center;
                }
                .cButton {
                    width: 90%;
                    margin: 20px auto;
                }
                .cButton:hover {
                    width: 90%;
                    margin: 20px auto;
                    padding: 11px 17px 14px 14px;
                }
                #statBottom {
                    height: auto;
                }
            }
        </style>
        <!--[if lte IE 9]>
        <script src='../js/html5shiv.js'></script>
        <![endif]-->
        <script type="text/javascript" src="../js/autopop.js"></script>
        <script type="text/javascript" src="../js/Statistics.js"></script>
<script type="text/javascript" src="../js/ga.js"></script>
    </head>
    <body onload="returnNav(document.getElementById('statBottom'));"><!-- onload="returnNav(document.getElementById('a3'));" -->
        <header class="header-wrapper">
        <div class="row">
        <div class="twelve columns">
            <div class="two columns"></div>
            <h1 class="eight columns"><a href="http://cop4813.ccec.unf.edu/~n00659426/cop4813/">ePortfolio for COP 4813/5819: Internet Programming</a></h1>
            <div class="two columns">
                <div class="contact-wrapper">
                    <a href="mailto:matthewspaulc@gmail.com"><div class="mailme"></div></a>
                    <a href="//plus.google.com/111430808519661133327/"><div class="gplus"></div></a>
                </div>
            </div>
        </div>
        <div class="twelve columns">
            <div class="five columns"></div>
            <div class="two columns end">
                <h3>Paul Matthews</h3>
            </div>
        </div>
        <hr class="twelve columns"/>
        </div>
    </header>
	<nav class="main-nav">
	    <div class="row">
        <div class="twelve columns">
            <ul id="nav-list">
                <li><a class="nav-ass" href="../assign1/index.html">Assignment 1</a></li>
                <li><a class="nav-ass" href="../assign2/index.html">Assignment 2</a></li>
                <li><a class="nav-ass" href="index.html">Assignment 3</a></li>
                <li><a class="nav-ass" href="../stub.html">Assignment 4</a></li>
                <li><a class="nav-ass" href="../stub.html">Assignment 5</a></li>
                <li><a class="nav-ass" href="../stub.html">Assignment 6</a></li>
            </ul>
        </div>
        </div>
    </nav>
        <main role="main" id="a3" class="row">
            <form class="nine columns">
                <div class="row">
                    <div class="one column"></div>
                    <p class="six columns">Input your comma separated list of numbers here:</p>
                    <textarea  class="four columns end" id="list" rows="4" cols="30"></textarea>
                </div>
                <div class="row">
                    <div class="one column"></div>
                    <p class="six columns">Mean</p>
                    <input class="four columns end" type="text" id="mean"></input>
                </div>
                <div class="row">
                    <div class="one column"></div>
                    <p class="six columns">Median</p>
                    <input class="four columns end" type="text" id="median"></input>
                </div>
                <div class="row">
                    <div class="one column"></div>
                    <p class="six columns">Mode</p>
                    <input class="four columns end" type="text" id="mode"></input>
                </div>
                <div class="row">
                    <div class="one column"></div>
                    <p class="six columns">Variance</p>
                    <input class="four columns end" type="text" id="variance"></input>
                </div>
                <div class="row">
                    <div class="one column"></div>
                    <p class="six columns">Standard Deviation</p>
                    <input class="four columns end" type="text" id="std"></input>
                </div>
                <div class="row">
                    <div class="three columns"></div>
                    <div class="three columns">
                        <div class="cButton" onClick="calc();">Calculate</div>
                    </div>
                    <div class="three columns">
                        <div class="cButton" onClick="reset();">Clear</div>
                    </div>
                    <div class="three columns"></div>
                </div>
            </form>
            <section class="three columns" id="statBottom">
                <p>Please click <a href="results.html">here</a> to view pre-release test results of the form.</p>
            </section>
        </main>
        <footer class="row" id='footer'>
    	    <p>Copyright &copy; 2013 | Paul Matthews</p>
    	</footer>
    </body>
</html>
